.px3rem(@name,@px){
    @{name}:@px/75*1rem
}
body{
    background:#f7f7f7;
}
.nav{
    list-style-type: none;
    background:#cd3e30;
    display:flex;
    justify-content: space-around;
     .px3rem(height,96);
      align-items: center;
    li{
       .px3rem(font-size,34);
       color:#de7971;
    };
    .add{
    .px3rem(width,40);
    .px3rem(height,40);

    }
    .sid{
    .px3rem(width,40);
    .px3rem(height,40);
    };
    .head{
    color:#fff;
    };

 position: fixed;
 width:100%;
 top:0px;
 left:0px;
 z-index: 2000;

}
.gameLibrary-header{
    display: flex;
    justify-content: space-around;
    align-items: center;
  .px3rem(margin-top,96); 
  .px3rem(height,100); 
  p{
      background: white;
      width: 70%;
      display: flex;
      align-items: center;
      border: 1px solid #ccc;
      .px3rem(line-height,80);
      input{
          .px3rem(height,80);
          border: none;
          .px3rem(font-size,28);
      }
      img{
          padding-left: 5%;
         width: 10%; 
         height: 85%;
      }
  }
  .Sale-o-table{
      width: 22%;
      background: #4c92d8;
      .px3rem(border-radius,10);
      .px3rem(height,80);
      .px3rem(font-size,27);
      color: white;
  }
}
.gameLibrary-section{
    .px3rem(margin-top,20);
    .px3rem(margin-left,16);
    display: flex;
    justify-content: space-between;
    width: 96%;
    flex-wrap: wrap;
    text-align: center;
    .gameLibrary{
        display: flex;
        flex-flow: column;
        width: 32%;
        
        img{
            width: 100%;
            
        }
        a{
        .px3rem(font-size,26);
        color: #343434;
        font-weight: bold;
    }
    }
    
    
}